<template>
	<view id="blance-detail header-top-margin">
		<header-back :headerTitle="'详情'"></header-back>
		
		<view class="content-detail ">
			<view class="success-box">
				<image src="/static/icon/icon_wancheng_suc.png" class="suc-icon" mode=""></image>
				<view>-0.00 USDT</view>
			</view>
			<view class="row-box">
				<view class="row-wrap" >
					<view class="name">交易类型</view>
					<view class="num">提币</view>
				</view>
				<view class="row-wrap" >
					<view class="name">充币地址</view>
					<view class="num">0xurwg83g5gj677sg88gg33sj0jwhtwt74hsg</view>
				</view>
				<view class="row-wrap" >
					<view class="name">提币地址</view>
					<view class="num">0xurwg83g5gj677sg88gg33sj0jwhtwt74hsg</view>
				</view>
				<view class="row-wrap" >
					<view class="name">交易hash</view>
					<view class="num">0xurwg83g5gj677sg88gg33sj0jwhtwt74hsg</view>
				</view>
				<view class="row-wrap" >
					<view class="name">手续费</view>
					<view class="num">1.23 USDT</view>
				</view>
				<view class="row-wrap" >
					<view class="name">状态</view>
					<view class="num">审核通过</view>
				</view>
				<view class="row-wrap" >
					<view class="name">交易时间</view>
					<view class="num">2021-08-21 12:22:23</view>
				</view>
			</view>
		</view>
		
		<loading-cover ref="loadingCover"></loading-cover>
	</view>
</template>

<script>
	import headerBack from '@/components/headerBack.vue'
export default {
	data() {
		return {
			cid: '',
			walletObj: {},
		};
	},
	onLoad(e) {
		this.cid = e.cid;
		// this.getDetail();
	},
	components: {
		headerBack,
	},
	onShow() {

	},
	methods: {
		// 获取详情
		getDetail(){
			
		},
	}
};
</script>

<style scoped lang="scss">
	.content-detail {
		width: 100%;
		padding: 0px 32rpx;
		box-sizing: border-box;
	}
	.success-box {
		padding: 58upx 0px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		font-size: 36upx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #292929;
		border-bottom: 2upx solid rgba($color: #fff, $alpha: 0.12);
		.suc-icon {
			width: 120upx;
			height: 120upx;
			margin-bottom: 40upx;	
		}
	}
	
	.row-box {
		
		border-top: 2rpx solid #E8EDF5;
		.row-wrap {
			padding-top: 32rpx;
			display: flex;
			font-size: 26upx;
			.name {
				width: 130upx;
				color: #92969E;
			}
			.num {
				width: 550rpx;
				color: #292929;
				white-space: pre-line;				word-wrap:break-word;
			}
		}
	}
</style>
